
/*--------------------MENU-----------------*/ 
nav
{
	margin:auto;
	margin-top: 4%;
	margin-bottom: 0.6%;
	width: 76%;
	min-width:850px;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}
ul.menu
{	
	margin:auto;
	padding-left: 0%;
	display : table;
	font-size: 1.4em;
	width: 100%;
}
li.menu0
{
	position: relative;
	display : inline-block;	
	color: #FFFFFF;
	list-style-type : none;
	margin-bottom: 0%;
	margin-left:0%;
	width: 45px;
	height:	19px;
}
a.menu0
{
	display:block;
}
img.menu0
{
	display:block;
	height:	38px;
	width: 44px;
}


li.menu1
{
	position: relative;
	display : inline-block;	
	color: #FFFFFF;
	list-style-type : none;
	margin-bottom: 0%;
	margin-left:0%;
	text-align:center;
	width: 18.2%;
	border-left:solid 2px;
	min-width:139px;
}
a.menu1
{
	display:block;
	text-decoration:none;
	color: #000000;
	border-bottom: solid 9px rgb(182, 57, 125);
	background-color: rgb(235,236,241);
	height:22px;
	text-align: left;
	padding-left: 12%;
	padding-top: 4%;
}
a.menu1:hover
{
	text-decoration:none;
	color: rgb(182, 57, 125);
}
a.menu11
{
	display:block;
	text-decoration:none;
	color: #000000;
}
a.menu11:hover
{
	text-decoration:none;
	color: rgb(182, 57, 125);
}
li.menu2
{
	position: relative;
	display : inline-block;
	color: #FFFFFF;
	list-style-type : none;
	margin-bottom: 0%;
	margin-left:0%;
	text-align:center;
	width: 18.2%;	
	border-left:solid 2px;
	min-width:139px;
}
a.menu2
{
	display:block;
	text-decoration:none;
	color: #000000;	
	border-bottom: solid 9px rgb(120, 169, 60);
	background-color: rgb(235,236,241);
	height:22px;
	text-align: left;
	padding-left: 12%;
	padding-top: 4%;
}
a.menu2:hover
{
	text-decoration:none;
	color: rgb(120, 169, 60);
}
a.menu22
{
	display:block;
	text-decoration:none;
	color: #000000;
}
a.menu22:hover
{
	text-decoration:none;
	color: rgb(120, 169, 60);
}

li.menu3
{
	position: relative;
	display : inline-block;	
	color: #FFFFFF;
	list-style-type : none;
	margin-bottom: 0%;
	margin-left:0%;
	text-align:center;
	width: 18.2%;
	border-left:solid 2px;
	min-width:139px;
}
a.menu3
{
	display:block;
	text-decoration:none;
	color: #000000;
	border-bottom: solid 9px rgb(153, 205, 255);
	background-color: rgb(235,236,241);
	height:22px;
	text-align: left;
	padding-left: 12%;
	padding-top: 4%;
}
a.menu3:hover
{
	text-decoration:none;
	color: rgb(153, 205, 255);
}
a.menu33
{
	display:block;
	text-decoration:none;
	color: #000000;
}
a.menu33:hover
{
	text-decoration:none;
	color: rgb(153, 205, 255);
}
li.menu4
{
	position: relative;
	display : inline-block;	
	color:#FFFFFF;
	list-style-type : none;
	margin-bottom: 0%;
	margin-left:0%;
	text-align:center;
	width: 18.2%;
	border-left:solid 2px;
	min-width:138px;
}
a.menu4
{
	display:block;
	text-decoration:none;
	color: #000000;
	border-bottom: solid 9px rgb(149, 113, 178);
	background-color: rgb(235,236,241);
	height:22px;
	text-align: left;
	padding-left: 12%;
	padding-top: 4%;
}
a.menu4:hover
{
	text-decoration:none;
	color: rgb(149, 113, 178);
}
a.menu44
{
	display:block;
	text-decoration:none;
	color: #000000;
}
a.menu44:hover
{
	text-decoration:none;
	color: rgb(149, 113, 178);
}
li.menu5
{
	position: relative;
	display : inline-block;	
	color:#FFFFFF;
	list-style-type : none;
	margin-bottom: 0%;
	margin-left:0%;
	text-align:center;
	width: 18.2%;	
	border-left:solid 2px;
	min-width:139px;
}
a.menu5
{
	display:block;
	text-decoration:none;
	color: #000000;
	border-bottom: solid 9px rgb(91, 161, 218);
	background-color: rgb(235,236,241);
	height:22px;
	text-align: left;
	padding-left: 12%;
	padding-top: 4%;
}
a.menu5:hover
{
	text-decoration:none;
	color: rgb(91, 161, 218);
}
a.menu55
{
	display:block;
	text-decoration:none;
	color: #000000;
}
a.menu55:hover
{
	text-decoration:none;
	color: rgb(91, 161, 218);
}

ul.menuniveau2 
{
	display: none;
	position:absolute;
	z-index:1;
	margin-top: 0%;
	margin-left: 0%;
	margin-right: 0%;
	padding-left:0%; 
	font-size: 1em;
	border-right:solid 1px grey;
	border-left:solid 1px grey;	
	border-bottom:solid 1px grey;
	background-color:#FFFFFF;
	border-radius:6px;
	width:100%;
}

li.menuniveau2 
{
	margin-bottom: 0%;
	margin-left: 0%;
	padding-top:3%;
	padding-bottom:3%;
	list-style-type: none;
	width: 100%;
	color:#000000;
}
li.menu1:hover ul.menuniveau2
{
	display:block;
}
li.menu2:hover ul.menuniveau2
{
	display:block;
}
li.menu3:hover ul.menuniveau2
{
	display:block;
}
li.menu4:hover ul.menuniveau2
{
	display:block;
}
li.menu5:hover ul.menuniveau2
{
	display:block;
}

/*------------------------------------------------*/

/*--------------------FOOTER-----------------*/ 
footer
{
	margin:auto;
	margin-top: 2%;
	margin-bottom: 1%;
	width: 76%;
	min-width:800px;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	border-top:solid 9px rgb(91, 161, 218);
  text-align:center;
}

img.footer
{
	margin:auto;
	display:block;
	width: 30%;
	height:30%;  
}


/*------------------------------------------------*/

/*--------------------CSS Général -----------------*/ 
body
{
	font-family: Verdana, Helvetica, 'Lucida Grande', sans-serif;	
}
h1
{
	margin-top:3%;
	text-align:center;
	margin-bottom:3%;
}

h2.bleufonce
{
	margin:auto;
	margin-top:3%;
	width:73%;
	color: rgb(91, 161, 218);
	border-bottom: solid 6px rgb(91, 161, 218);
}

h2.vert
{
	margin:auto;
	margin-top:3%;
	width:73%;
	color: rgb(120, 169, 60);
	border-bottom: solid 6px rgb(120, 169, 60);
}
h3
{
	margin:auto;
	margin-top:1%;
	width:73%;
}
p.index
{
	margin:auto;
	margin-top:1%;
	margin-bottom:2%;
	width:73%;
	font-size: 0.9em;
}
/*------------------------------------------------*/
form
{
	margin:auto;
	width:73%;
}

label
{
	cursor:pointer;
}

input
{
	margin-top:0.7%;
}

input[type=text]
{
	width: 125px;
}

#curseur
{
	margin:auto;
	margin-top:3%;
	width: 76%;
	
}

#updateForm
{
	float:right;
}

#clear
{
	float :right;
}

#resultat
{
	margin:auto;
	margin-top:2%;
	width: 76%;
}

#legende
{
	margin:auto;
	margin-top:2%;
	width: 76%;
}

#expression
{
	margin-top:-2%;
}

#information
{
	margin:auto;
	margin-top:2%;
	width: 76%;
	height:60px;
}
.axis text {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

#chargement
{
	margin:auto;
	margin-top:2%;
	width: 76%;
}

/*.arc path {
  stroke: #FFFFFF;
   stroke-width: 0.1px;
}*/


